<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    /* 常用的伪元素有
        :first-line、::first-line
        :first-letter、::first-letter
        :before、::before 
        :after、 ::after 
    */
    .box{
        width: 500px;
        background-color: aqua;
    }
    /* 首行的样式 */
    .box::first-line{
        font-size: 30px;
        font-weight: bold;
        color: orange;
    }
    /* 首字母 或者第一个字 */
    .box::first-letter{
        font-size: 100px;
        font-weight: bold;
        color: orange;
    }
    .box2::before{
        content: '我';
    }
    /* 'https://lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/new.b7973b24.svg' */
    .box2::after{
        content:  url('https://lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/hot.92a15c5e.svg');
        position: relative; /* 相对定位 */
        left: 5px;
        top: 2px;
    }
    .box5::after{
        /* 使用伪元素的过程中,不要将content省略 */
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: red;
    }
</style> 
<body>
    <div class="box">熙媛與熙娣對於黃子佼先生在情緒不穩而選擇自殘前所做的吸毒相關不實指控深感遺憾，尤其黃子佼先生指控的壹週刊吸毒事件，熙媛根本不在現場，而法院早已在2004年判壹週刊敗訴，透過司法還給熙娣清白。再者，具俊曄先生曾於2009年在韓國主動提告媒體，並公開於記者會上表明堅決不碰毒的立場，請大眾媒體不要因為他在夜店工作就三番兩次指控他吸毒。

        熙媛心臟不好，根本無法與不能接觸、使用毒品，念在過去多年情誼與黃子佼先生目前人在醫院急救，本公司將對所有的不實指控保留法律追訴權，以法律捍衛自身的權益。
        
        請黃子佼先生保重身體，孩子還小，老婆也還很年輕，人生還是很有盼望，請以家庭為重，早日康復。</div>

        <!-- 伪元素 ::before 和 ::after -->
        <div class="box2">是inzv</div>
        <!-- 伪元素的补充 -->
        <div class="box5">我是</div>
</body>
</html>